<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
	<title>这是我的第一个html 代码</title>
	<script></script>
	<style></style>
</head>
<body>
	<div>
		<hr/>  <!-- 这是一条横线 -->
		<h3>HTML 教程</h3>
		<h3>在本教程中，你将学习如何使用 HTML 来创建站点。</h3>
		<h3>HTML 很容易学习！你会喜欢它的！</h3>
		<a href="http://www.w3school.com.cn/html/html_jianjie.asp" style="color:#900b09">现在开始学习 HTML</a>&nbsp;&nbsp;!
		<hr/>  <!-- 这是一条横线 -->
		<button style="background-color:#900b09;width:136px;height:36px;color:#fff; border-width: 0px">这是一个按钮</button>
		
		<p style="font-size: 14px;"><b>注释</b>：浏览器会自动地在段落的前后添加空行。（&lt;p&gt; 是块级元素）</p>
		<p style="font-size: 14px;"><b style="color:#ff9955">提示：</b>使用空的段落标记 &lt;p&gt; &lt;p&gt;  去插入一个空行是个坏习惯。用 &lt;p&gt; 标签代替它！（但是不要用  <code><br /> </code> 标签去创建列表。不要着急，您将在稍后的篇幅学习到 HTML 列表。）</p>
		<div style="">盒子</div>
		<div style="">盒子</div>
	</div>
	<div>
		<img style="width:200px;height:100px" src="0117e2571b8b246ac72538120dd8a4.jpg@1280w_1l_2o_100sh.jpg"/>
	</div>
	
	<div>
		<table border="1">
			<thead>
				<td>姓名</td>
				<td>性别</td>
				<td>年龄</td>
				<td>部门</td>
			</thead>
			<tbody>
				<tr>
					<td>张三</td>
					<td>男</td>
					<td>30</td>
					<td>研发部</td>
				</tr>
			</tbody>
		</table>
	</div>
	
	<div style="border:1px grey solid;width:50%">
		<form action="sutmanagesys/login.do" method="post">
			<table>
				<tr>
					<td>用户姓名</td>
					<td><input type="text" placeholder="您的用户姓名"/></td>
				</tr>
				
				<tr>
					<td>您的密码</td>
					<td><input type="password" placeholder="您的密码"/></td>
				</tr>
				
				<tr>
					<td>当期日期</td>
					<td><input type="date"/></td>
				</tr>
				
				<tr>
					<td colspan="2"><input type="button" value="提交"/></td>
				</tr>
		</table>
		</form>
	</div>

	<div>
		<video width="320" height="240" controls="controls">
			<source src="http://www.w3school.com.cn/i/movie.oggdddd" type="video/ogg">
			<source src="http://www.w3school.com.cn/i/movie.mp4" type="video/mp4">
			Your browser does not support the video tag.
		</video>
	<div>
	
	
	<div class="reg">
		<h1>请输入注册信息</h1>
		<form action="" method="post">
			<table>
				<tr>
					<td>用户名</td>
					<td><input type="text" name="username" placeholder="您的用户名"/></td>
				</tr>
				<tr>
					<td>密&nbsp;&nbsp;码</td>
					<td><input type="password" name="password" placeholder="您的密码"/></td>
				</tr>
				<tr>
					<!-- 单选框 -->
					<td>性&nbsp;&nbsp;别</td>
					<td><input type="radio" name="sex" value="0"/>男<input type="radio" name="sex" value="1"/>女<input type="radio" name="sex" value="2"/>保密</td>
				</tr>
				<tr>
					<!-- 头像 -->
					<td>头&nbsp;&nbsp;像</td>
					<td><input type="file" /></td>
				</tr>
				<tr>
					<!-- 头像 -->
					<td>爱&nbsp;&nbsp;好</td>
					<td>
						<input type="checkbox" name="hobby" value="足球"/>足球
						<input type="checkbox" name="hobby" value="篮球"/>篮球
						<input type="checkbox" name="hobby" value="农药"/>王者荣耀
						<input type="checkbox" name="hobby" value="lol"/>英雄联盟
					</td>
				</tr>
				<tr>
					<!-- 头像 -->
					<td>省&nbsp;&nbsp;份</td>
					<td>
						<select name="province">
							<option value="1">四川省</option>
							<option value="2">云南省</option>
							<option value="3">贵州省</option>
							<option value="4" selected="selected">西藏</option>
							<option value="5">甘肃省</option>
							<option value="6">陕西省</option>
							<option value="7">重庆</option>
						</select>
					</td>
				</tr>
				<tr>
					<td><input type="submit" value="保存" /></td>
					<td><input type="reset" value="重置" /></td>
				</tr>
			</table>
		</form>
	</div>
</body>
</html>